<html>
<head>
    <meta charset="UTF-8">
    <title>系统主界面</title>
    <link rel="stylesheet" href="lib/bootstrap3/css/bootstrap.min.css">
    <link rel="stylesheet" href="index.css">
    <script src="lib/jquery/jquery-1.10.2.js"></script>
    <script src="lib/bootstrap3/js/bootstrap.min.js"></script>
    <script src="lib/angularjs/angular.min.js"></script>
    <script src="lib/angularjs/angular-route.min.js"></script>
    <script src="js/app.js"></script>
</head>
<body ng-app="zhttApp">
<ng-include src="'nav.html'"></ng-include>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-2">
            <div class="list-group">
                <div ng-view=""></div>
            </div>
        </div>
        <div class="col-sm-10">
            <div class="js-browse" >
                <iframe style="width:100%;border:0px;" src="demo02-quan-wei-zhi-nan/8.0.directive.html"></iframe>
            </div>
            <div class="js-showhtml well" style="word-break:break-all;">
<xmp  style="word-break:break-all;">{{message}}</xmp>
            </div>
        </div>
    </div>
</div>
<script type="text/ng-template" id="2.html">
    <a href="#/2数据绑定/2/2.2updateClock" class="list-group-item active">2.2updateClock.html</a>
    <a href="#/2数据绑定/2/2.3updateClock" class="list-group-item">2.3updateClock.html</a>
</script>
<script type="text/ng-template" id="5.html">
    <a href="#/5/5.1nesting" class="list-group-item active">5.1nesting.html</a>
</script>
<script type="text/ng-template" id="6.html">
    <a href="#/6/6.1" class="list-group-item active">解析 AngularJS 表达式</a>
    <a href="#/6/6.2.2interpolate" class="list-group-item">插值字符串interpolate</a>
    <a href="#/6/6.2interpolate" class="list-group-item">插值字符串interpolate</a>
</script>
<script type="text/ng-template" id="7.html">
    <a href="#/7/7.0.filter.html" class="list-group-item active">自定义过滤器</a>
    <a href="#/7/7.1.custom.html" class="list-group-item">自定义过滤器</a>
    <a href="#/7/7.2form.html" class="list-group-item">表单验证</a>
    <a href="#/7/7.3form.demo.html" class="list-group-item">表单验证</a>
    <a href="#/7/7.4form.ng-message.html" class="list-group-item">表单验证</a>
</script>
<script type="text/ng-template" id="8.html">
    <a href="#/8/0.directive.html" class="list-group-item active">指令</a>
</script>
<script type="text/ng-template" id="9.html">
    <a href="#/9/0.direcitve.html" class="list-group-item active">promise基础 ng 属性指令</a>
    <a href="#/9/2.direcitve.html" class="list-group-item">2promise</a>
    <a href="#/9/2.ng-view.html" class="list-group-item">9.2.ng-view.html=======在指令中使用子作用域</a>
    <a href="#/9/2.ng-view2.html" class="list-group-item">9.2.ng-view2.html</a>
</script>
<script type="text/ng-template" id="10.html">
    <a href="#/10/0.directive.html" class="list-group-item active">directive</a>
    <a href="#/10/2.directive.scope.html" class="list-group-item">10.2　指令作用域</a>
    <a href="#/10/3.0directive.html" class="list-group-item">10.3　绑定策略</a>
    <a href="#/10/3.1directive.transclude.html" class="list-group-item">10.3.1directive.transclude.html</a>
    <a href="#/10/3.2directive.controller.html" class="list-group-item">10.3.2directive.controller.html</a>
    <a href="#/10/3.3directive.controllerAs.html" class="list-group-item">10.3.3directive.controllerAs.html</a>
    <a href="#/10/4.2directive.compile.html" class="list-group-item">10.4 AngularJS 的生命周期</a>
    <a href="#/10/4.3directive.require.html" class="list-group-item">10.4.3directive.require.html</a>
    <a href="#/10/4.4directive.link.html" class="list-group-item">10.4.4directive.link.html</a>
    <a href="#/10/5ngModel.html" class="list-group-item">10.5　ngModel</a>
</script>
<script type="text/ng-template" id="11.html">
    <a href="#/11/0.direcitve.html" class="list-group-item active">11.1 配置</a>
    <a href="#/11/config.html" class="list-group-item active">11.2　运行块</a>
</script>
<script type="text/ng-template" id="12.html">
    <a href="#/12/0.route.html" class="list-group-item active">路由</a>
    <a href="#/12/1.route.html" class="list-group-item ">12.1　安装</a>
    <a href="#/12/1.route.template.classroom.html" class="list-group-item ">12.1　安装</a>
    <a href="#/12/1.route.template.html" class="list-group-item ">12.1　安装</a>
    <a href="#/12/2.route.html" class="list-group-item ">12.2　布局模板</a>
    <a href="#/12/3.2.route.ui.html" class="list-group-item ">12.3　路由</a>
    <a href="#/12/3.route.ui.html" class="list-group-item ">12.3　路由</a>
    <a href="#/12/4.route.ui.html" class="list-group-item ">12.4　$location服务</a>
    <a href="#/12/5.html" class="list-group-item ">12.5　路由模式</a>
</script>
<script type="text/ng-template" id="13.html">
    <a href="#/13/0dependency.injection.html" class="list-group-item active">13.1　推断式注入声明</a>
    <a href="#/13/4.injector.0.html" class="list-group-item ">13.4　$injector API</a>
    <a href="#/13/4.injector.1.html" class="list-group-item ">13.4　$injector API</a>
    <a href="#/13/4.injector.2.html" class="list-group-item ">13.4　$injector API</a>
</script>
<script type="text/ng-template" id="14.html">
    <a href="#/14/0.service.html" class="list-group-item active">服务</a>
</script>
<script type="text/ng-template" id="15.html">
    <a href="#/15/0.http.html" class="list-group-item active">15.1　使用$http</a>
    <a href="#/15/1.http.interceptors.html" class="list-group-item ">15.1　使用$http</a>
    <a href="#/15/2.http.resource.html" class="list-group-item ">15.2　设置对象</a>
    <a href="#/15/2.http.resource2.html" class="list-group-item ">15.2</a>
    <a href="#/15/3.Restangular.html" class="list-group-item ">15.3　响应对象</a>
</script>
<script type="text/ng-template" id="16.html">
    <a href="#/16/0.direcitve.html" class="list-group-item active">第 16 章　XHR 实践 </a>
</script>
<script type="text/ng-template" id="17.html">
    <a href="#/17/0.promise.2.html" class="list-group-item active">promise的自动执行</a>
    <a href="#/17/0.promise.2.ngview.html" class="list-group-item ">promise的自动执行</a>
    <a href="#/17/0.promise.html" class="list-group-item ">promise的自动执行</a>
</script>
<script type="text/ng-template" id="20.html">
    <a href="#" class="list-group-item active">promise</a>
    <a href="#" class="list-group-item">includeContentLoaded</a>
    <a href="#" class="list-group-item">其它</a>
</script>
<script type="text/ng-template" id="21.html">
    <a href="#/21架构/1" class="list-group-item ">模块</a>
    <a href="#/21架构/2" class="list-group-item">控制器</a>
    <a href="#/21架构/3" class="list-group-item">指令</a>
    <a href="#/21架构/3" class="list-group-item">测试</a>
</script>
<script type="text/ng-template" id="22.html">
    <a href="#/22/2" class="list-group-item ">它是如何工作的</a>
    <a href="#/22/3" class="list-group-item">使用css3过渡</a>
    <a href="#/22/4" class="list-group-item">使用css3动画</a>
    <a href="#/22/5" class="list-group-item">交错css过渡/动画</a>
    <a href="#/22/5.1" class="list-group-item">交错css过渡/动画（路由）</a>
    <a href="#/22/5.2" class="list-group-item">交错css过渡/动画（百度接口）</a>
    <a href="#/22/5.3" class="list-group-item">交错css过渡/动画（animation）</a>
    <a href="#/22/6" class="list-group-item">使用javascript动画</a>
    <a href="#/22/7" class="list-group-item">微调动画</a>
    <a href="#/22/7.1" class="list-group-item">微调动画(二)</a>
    <a href="#/22/8" class="list-group-item">DOM 回调事件</a>
    <a href="#/22/9" class="list-group-item">22.9 内置指令的动画</a>
    <a href="#/22/10" class="list-group-item">22.10 创建自定义动画</a>
    <a href="#/22/11" class="list-group-item">22.11 与第三方库集成</a>
</script>
<script type="text/ng-template" id="23.html">
    <a href="#/23/3" class="list-group-item ">它是如何工作的</a>
    <a href="#/23/4" class="list-group-item ">23.4 $watchCollection</a>
    <a href="#/23/7" class="list-group-item ">23.7 $apply</a>
    <a href="#/23/8" class="list-group-item ">23.8 何时使用$apply</a>
</script>
<script type="text/ng-template" id="25.html">
    <a href="#/25/0" class="list-group-item ">25 概述</a>
    <a href="#/25/3" class="list-group-item ">25.3 ui-router</a>
    <a href="#/25/3.1" class="list-group-item ">25.3 ui-router(二)</a>
    <a href="#/25/3.2" class="list-group-item ">25.3 ui-router(三)</a>
    <a href="#/25/4.2mask" class="list-group-item ">25.4.2　mask</a>
    <a href="#/25/4.3" class="list-group-item ">25.4.2　ui-event</a>
    <a href="#/25/4.4" class="list-group-item ">25.4.4 ui-format</a>
</script>
<script type="text/ng-template" id="26.html">
    <a href="#/26/2" class="list-group-item ">26.2 交互</a>
    <a href="#/26/2" class="list-group-item ">26.2 交互</a>
</script>
<script type="text/ng-template" id="28.html">
    <a href="#/28/2.1" class="list-group-item ">28.2.1 $cacheFactory</a>
    <a href="#/28/2.2" class="list-group-item ">28.2.2 $cacheFactory</a>
    <a href="#/28/3" class="list-group-item ">28.3 $http 中的缓存</a>
</script>
<script type="text/ng-template" id="29.html">
    <a href="#/29/1" class="list-group-item ">29.1 严格的上下文转义： $sce 服务</a>
    <a href="#/29/2" class="list-group-item ">29.2 URL 白名单</a>
    <a href="#/29/3" class="list-group-item ">29.3 URL 黑名单</a>
    <a href="#/29/4" class="list-group-item ">29.4 $sce API</a>
    <a href="#/29/5" class="list-group-item ">29.5 配置$sce</a>
    <a href="#/29/6" class="list-group-item ">29.6 可信赖的上下文类型</a>
</script>
<script type="text/ng-template" id="home.html">
    <a href="#" class="list-group-item active">home</a>
    <a href="#" class="list-group-item">控制器</a>
    <a href="#" class="list-group-item">控制器</a>
</script>
</body>
</html>